<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
</head>

<body class="dpflex fdcolumn" id="body">
    <main class="main">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide slide-1"></div>
                <div class="swiper-slide slide-2"></div>
                <div class="swiper-slide slide-3"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="content">
            <section class="mt20 rank-punch dpflex">
                <div class="rank mr20">
                    <div class="fw tit-item fc004 fs20">今日排名</div>
                    <i class="iconfont icon-cup"></i>
                    <span class="rank-num fw" id="rankNum">0</span>
                </div>
                <div class="punch-clock">
                    <div class="fw tit-item fc004 fs20">累计打卡<span id="punchDay">0</span>天</div>
                    <i class="iconfont icon-card"></i>
                    <div class="day-card" id="cardDay">今日打卡</div>
                </div>
            </section>
            <section class="mt20 dpflex">
                <div class="flex1 mr20 card-data">
                    <div class="fw title-item fwhite ">运动数据</div>

                </div>
                <div class="flex1 total-badge">
                    <div class="fw tit-item fc004">累计运动徽章</div>
                    <i class="iconfont icon-emblem"></i>
                    <div class="badge">
                        <span class="badge-num fw" id="badgeNum">0</span>枚
                    </div>
                </div>
            </section>
            <div class="mt20 drill-item">
                <div class="fw title-item fwhite">课程训练</div>
            </div>
            <div class="mt20 drill-item outdoors">
                <div class="fw title-item fwhite">课程训练</div>
            </div>
        </div>
    </main>


</body>

</html>